<template>
  <div class="returnInfo">
    <template v-for="(i,index) in dataList">
      <a-card :key="index">
        <div>
          <template v-for="(item,index1) in btn">
            <a-button
              :key="index1"
              @click="handler(index1,index)"
              v-if="item.isShow"
              type="primary"
              style="margin:0 10px 0px 0"
            >{{item.title}}</a-button>
          </template>
          <div class="total">
            <span>共</span>
            <span>{{total.number}}</span>
            <span>种商品，合计金额：</span>
            <span>{{price}}</span>
          </div>
          <a-table
            rowKey="id"
            :columns="tableOption"
            :dataSource="i.loadData"
            :loading="loading"
            :pagination="false"
          ></a-table>
        </div>
      </a-card>
    </template>
  </div>
</template>

<script src='./returnInfo.js'></script>

<style lang="less">
.returnInfo {
  .title {
    padding: 0 0 20px 0;
    font-weight: 500;
    font-size: 24px;
  }
  .total {
    margin: 0 0 20px 0;
    span:nth-child(even) {
      font-weight: 700;
      font-size: 24px;
    }
    span:nth-child(odd) {
      font-weight: 600;
      font-size: 20px;
    }
  }
}
</style>